<!DOCTYPE html>
<html lang="en" style="margin:0;padding:0;">
<head>
  <meta charset="UTF-8">
  <title>Welcome to Unicorn Pack</title>
</head>
<body style="margin:0;padding:0;background:#F7F7F7;">
  <table width="100%" bgcolor="#F7F7F7" cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td align="center" >
        <table width="600" cellpadding="0" cellspacing="0" border="0" style="background:#FFF;border-radius:16px 16px 0 0; box-shadow:0 2px 16px #0001; margin-top:16px;">
          <tr>
            <td style="padding:32px 0 8px 0;text-align:center;">
              <!-- LOGO -->
              <img src="https://unicornpack.oss-ap-southeast-1.aliyuncs.com/logo.png" alt="Unicorn Pack" width="200" height="40" style="display:block;margin:0 auto 24px auto;">
            </td>
          </tr>
          <tr>
            <td align="center" style="padding:0 30px 0 30px;">
              <!-- Illustration -->
              <img src="https://unicornpack.oss-ap-southeast-1.aliyuncs.com/img_1.png" alt="" width="200" height="96" style="display:block;margin:0 auto 18px auto;">
            </td>
          </tr>
          <tr>
            <td align="center" style="padding:0 40px;">
              <h1 style="margin:0 0 10px 0; font-family:'Montserrat','Arial',sans-serif;font-size:28px;font-weight:700;line-height:1.3;color:#222222;">
                Welcome to Unicorn Pack<br>
                <span style="font-size:22px;font-weight:400;">— Let’s get started</span>
              </h1>
              <p style="margin:0 0 14px 0;font-size:17px;line-height:1.5;color:#555;font-family:'Montserrat','Arial',sans-serif;">
                Activate your account and start packing planet-kind
              </p>

              <!-- Activate Now Button -->
              <div style="margin:28px 0 26px 0;">
                <a href="{{ activate_link }}"
                   style="display:inline-block;padding:16px 36px;background:#222;color:#fff;font-size:18px;font-weight:700;
                         border-radius:28px;text-decoration:none;font-family:'Montserrat','Arial',sans-serif;box-shadow:0 1px 8px #0002;">
                  Activate now
                </a>
              </div>
            </td>
          </tr>
          <tr>
            <td align="center" style="padding:0 48px;">
              <p style="font-size:16px;color:#444;line-height:1.5;margin:0 0 17px 0; font-family:'Montserrat','Arial',sans-serif;">
                You’re one step away from exploring packaging that’s better for your brand and the planet.<br><br>
                Click activate now to verify your email and unlock access to easy, affordable, sustainable packaging at scale.<br><br>
                Or
                <a href="{{ login_url or '#' }}" style="color:#447e4a;text-decoration:underline;">
                  log in here</a> if you’ve already verified your email.
              </p>
              <p style="font-size:16px;color:#444;line-height:1.5;margin:16px 0 0 0;font-family:'Montserrat','Arial',sans-serif;">
                Thank you,<br>
                <span style="font-weight:700;">Team Unicorn Pack!</span>
              </p>
            </td>
          </tr>
        </table>
		<div style="background: #FFE21B;width:600px;height: 194px;display: flex;flex-direction: row;justify-content: space-between;">
			<div style="background: url('https://unicornpack.oss-ap-southeast-1.aliyuncs.com/1754447096085.png') repeat;width: 242px;height: 100%;">
                <div style="background: url('https://unicornpack.oss-ap-southeast-1.aliyuncs.com/1754446971240.png') no-repeat;width:100%;height: 100%;background-size: 100% 100%;"></div>
			</div>
			<!-- Footer with yellow pattern -->
         <table width="356" cellpadding="0" cellspacing="0" border="0" style=" border-radius:0 0 16px 16px;">
          <tr>
            <td style="padding:24px 36px 14px 36px;">
              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td align="left" valign="middle">
                    <img src="https://unicornpack.oss-ap-southeast-1.aliyuncs.com/logo.png" alt="Unicorn Pack" width="200" height="40" style="display:block;margin:0">
                  </td>
                  <td align="right" valign="middle">
                    <!-- Social icons, you can replace URLs below -->
                    <a href="https://instagram.com" style="text-decoration:none;margin:0 6px;display:inline-block;">
                      <img src="https://img.icons8.com/sf-black-filled/32/000000/instagram-new.png" width="24" height="24" alt="Instagram" style="vertical-align:middle;">
                    </a>
                    <a href="https://facebook.com" style="text-decoration:none;margin:0 6px;display:inline-block;">
                      <img src="https://img.icons8.com/sf-black-filled/32/000000/facebook.png" width="24" height="24" alt="Facebook" style="vertical-align:middle;">
                    </a>
                    <a href="https://pinterest.com" style="text-decoration:none;margin:0 6px;display:inline-block;">
                      <img src="https://img.icons8.com/sf-black-filled/32/000000/pinterest.png" width="24" height="24" alt="Pinterest" style="vertical-align:middle;">
                    </a>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr>
            <td align="center" style="font-size:13px;color:#222;opacity:.77;padding:2px 0 8px 0;font-family:'Montserrat','Arial',sans-serif;">
              © 2025 unicorn pack | Terms and conditions apply
            </td>
          </tr>
        </table>


		</div>

      </td>
    </tr>
  </table>
</body>
</html>
